<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>App Store</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/today.css">
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
<div class="top-nav">
    <h5>TagName</h5>
</div>
<div class="bottom-nav">
    <ul>
        <li onclick="chooseDisplay(0)" class="active">
            <div><p class="iconfont">&#xe67c;</p><a href="#">Today</a></div>
        </li>
        <li onclick="chooseDisplay(1)">
            <div><p class="iconfont">&#xe760;</p><a href="#">游戏</a></div>
        </li>
        <li onclick="chooseDisplay(2)">
            <div><p class="iconfont">&#xe619;</p><a href="#">App</a></div>
        </li>
        <li onclick="chooseDisplay(3)">
            <div><p class="iconfont">&#xe640;</p><a href="#">更新</a></div>
        </li>
        <li onclick="chooseDisplay(4)">
            <div><p class="iconfont">&#xe633;</p><a href="#">搜索</a></div>
        </li>
    </ul>
</div>
<div class="content-box cancel-margin" id="today">
    <div class="top-box">
        <div class="top-box">
            <p class="top-sub">7月16日 星期二</p>
            <h2 class="top-tile">Today</h2>
        </div>
        <div class="top-icon small-icon">
            <img src="img/advertisement/IMG_2.jpg">
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical" style="margin-top: 0;">
            <img src="img/advertisement/IMG_4934.jpg">
            <div class="ad-header white">
                <p class="secondary">幕后花絮</p>
                <h4>让你的照片拥有情绪</h4>
            </div>
            <div class="ad-footer white">
                <p class="secondary">像滨田英明一样拍摄充满怀旧情调的作品</p>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/IMG_2.jpg">
            <div class="ad-header white">
                <p class="secondary">APPLE DESIGN AWARDS</p>
                <h4>学会用 2000 万张照片</h4>
                <h4>学会一身本领</h4>
            </div>
            <div class="ad-footer white">
                <p class="secondary">机器学习让《Pixelmator Photo》修图更出彩</p>
            </div>
        </div>

    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/IMG_3.jpg">
            <div class="ad-header white">
                <p class="secondary">🐔你太美</p>
                <h4>喜欢唱、跳、Rap、篮球</h4>
            </div>
            <div class="ad-footer ad-footer-download bg-teal">
                <div class="download-box">
                    <div class="app-icon">
                        <img src="img/application/cxk.jpg">
                    </div>
                    <div class="application-describe">
                        <p class="white title">蔡徐坤的🏀生涯</p>
                        <p class="white content">快来一起打篮球、唱rap</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn">
                            <a href="#">获取</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/IMG_4.jpg">
            <div class="ad-header white">
                <p class="secondary">海边小镇</p>
                <h4>WDNMD 真就白给啊</h4>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/IMG_5.jpg">
            <div class="ad-header white">
                <p class="secondary">仙女棒</p>
                <h4>一起来玩仙女棒鸭</h4>
            </div>
            <div class="ad-footer ad-footer-download bg-dark-blue">
                <div class="download-box">
                    <div class="app-icon">
                        <img src="img/application/ob.jpg">
                    </div>
                    <div class="application-describe">
                        <p class="white title">一起来玩仙女棒</p>
                        <p class="white content">快乐就完事了</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn">
                            <a href="#">获取</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <div class="ad-header-tide">
                <p class="secondary">今日主题</p>
                <h4>今晚出去吃呗</h4>
            </div>
            <div class="ad-apps-list">
                <ul>
                    <li>
                        <div class="app-list-item">
                            <div class="app-icon shadow-gray">
                                <img src="img/application/cxk.jpg">
                            </div>
                            <div class="ad-app-list-content">
                                <h5>Foodie - 美食相机</h5>
                                <p>献给懂得生活的你</p>
                            </div>
                            <div class="application-get">
                                <div class="app-get-btn bg-gray">
                                    <a href="#">获取</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="app-list-item">
                            <div class="app-icon shadow-gray">
                                <img src="img/application/lbjn.jpg">
                            </div>
                            <div class="ad-app-list-content">
                                <h5>大众点评-分享你的</h5>
                                <p>会生活的人都在这里</p>
                            </div>
                            <div class="application-get">
                                <div class="app-get-btn bg-gray">
                                    <a href="#">获取</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="app-list-item">
                            <div class="app-icon shadow-gray">
                                <img src="img/application/bad_panda.jpg">
                            </div>
                            <div class="ad-app-list-content">
                                <h5>mars - 探索新鲜城市</h5>
                                <p>更酷的次世代城市潮流</p>
                            </div>
                            <div class="application-get">
                                <div class="app-get-btn bg-gray">
                                    <a href="#">获取</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="app-list-item">
                            <div class="app-icon shadow-gray">
                                <img src="img/application/xiang.jpg">
                            </div>
                            <div class="ad-app-list-content">
                                <h5>真香相机</h5>
                                <p>不会吃你们一点东西</p>
                            </div>
                            <div class="application-get">
                                <div class="app-get-btn bg-gray">
                                    <a href="#">获取</a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical slide-mov">
            <img src="img/advertisement/cat.jpg">
            <div class="ad-footer bg-dark-blue application-content bg-white">
                <div class="application-describe">
                    <p class="sub-title">精选 App</p>
                    <p class="title">吸猫指南</p>
                    <p class="content">云吸猫，就是快乐</p>
                </div>
            </div>
        </div>
    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/night.jpg">
            <div class="ad-header white">
                <p class="secondary">时下热门</p>
                <h4>创造独一无二的关卡</h4>
            </div>
            <div class="ad-footer white">
                <p class="secondary">开始夜行之旅</p>
            </div>
        </div>

    </div>
    <div class="advertisement-flow">
        <div class="advertisement-card vertical">
            <img src="img/advertisement/cloud.jpg">
            <div class="ad-header white">
                <p class="secondary">蓝天白云</p>
                <h4>黑云压城城欲摧</h4>
            </div>
            <div class="ad-footer ad-footer-download bg-black-like">
                <div class="download-box">
                    <div class="app-icon">
                        <img src="img/application/sky.jpg">
                    </div>
                    <div class="application-describe">
                        <p class="white title">Sky</p>
                        <p class="white content">蓝天白云</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn">
                            <a href="#">获取</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ad-flow-buttons">
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">兑换</a>
        </div>
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">为 Apple ID 充值</a>
        </div>
    </div>
</div>
<div class="content-box">
    <div class="top-box">
        <div class="top-title-box">
            <p class="top-sub hide">.</p>
            <h1 class="top-tile">游戏</h1>
        </div>
        <div class="top-icon small-icon">
            <img src="img/advertisement/IMG_2.jpg">
        </div>
    </div>
    <div class="real-content">
        <div class="swiper-container slide-ad-item">
            <div class="swiper-wrapper ">
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">新游戏</p>
                        <h5>吸猫快乐</h5>
                        <p class="slider-subtitle">吸吸吸吸吸吸</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/cat_2.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">主打推荐</p>
                        <h5>权力的游戏 凌冬将至</h5>
                        <p class="slider-subtitle">书写属于你的奇幻史诗</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/IMG_4.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">新游戏</p>
                        <h5>决战高尔夫</h5>
                        <p class="slider-subtitle">实时对决 你能打出小鸟球吗</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/IMG_3.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">新游戏</p>
                        <h5>元气骑士</h5>
                        <p class="slider-subtitle">新BOSS战模式上限</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/IMG_6.jpg">
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>新鲜游戏</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/youle.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>游乐娃子</h5>
                                            <p>老奶奶你坐好了</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">￥18.0</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/tank.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>坦克大战Online</h5>
                                            <p>大街上怎么能开坦克呢</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/smile.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Smile Face</h5>
                                            <p>保持微笑</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/chan.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>禅让</h5>
                                            <p>养生之道 在于禅</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>热门游戏</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>更多你喜欢</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/ziya.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>快乐源泉</h5>
                                            <p>这座城，多了个龇牙的人</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/hot.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>海南岛旅游指南</h5>
                                            <p>师傅，前面应该就是火焰山了吧</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/phone.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>AI智能通话</h5>
                                            <p>快乐的源泉</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/done.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>成了</h5>
                                            <p>大吉大利，万事如意</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>今天玩什么</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide app-video-item">
                            <p>你能帮少年逃出生天吗</p>
                            <div class="fake-video">
                                <img src="img/application/sky.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/cxk.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Foodie - 美食相机</h5>
                                    <p>献给懂得生活的你</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>全新主线剧情</p>
                            <div class="fake-video">
                                <img src="img/advertisement/IMG_4.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/lbjn.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>忍者必须死</h5>
                                    <p>风靡全球的水墨风战斗跑酷</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>掌控卡牌力量 拯救多重梦境世界</p>
                            <div class="fake-video">
                                <img src="img/advertisement/night.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/xiang.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>梦境彼岸</h5>
                                    <p>构筑卡牌 探索奇妙梦境世界</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>步步惊心 闯荡黑白地下城</p>
                            <div class="fake-video">
                                <img src="img/advertisement/IMG_4934.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/ob.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Sprint RPG</h5>
                                    <p>动作游戏</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>你能帮少年逃出生天吗</p>
                            <div class="fake-video">
                                <img src="img/application/sky.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/cxk.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Foodie - 美食相机</h5>
                                    <p>献给懂得生活的你</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>现可预订</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>神雕情侣2</h5>
                                            <p>国民IP侠侣真爱游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/sky.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>飞行日记 - 冒险之旅</h5>
                                            <p>创意填空跑酷游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>执剑之刻</h5>
                                            <p>和风浪漫陪伴养成手游</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>最终幻想：勇气启示录</h5>
                                            <p>正统派最终幻想</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>神雕情侣2</h5>
                                            <p>国民IP侠侣真爱游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/sky.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>飞行日记 - 冒险之旅</h5>
                                            <p>创意填空跑酷游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>热门类别</h4>
                    <a>查看全部</a>
                </div>
                <div class="app-list-names">
                    <ul>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/cxk.jpg">
                                <p>益智解谜</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/lbjn.jpg">
                                <p>动作游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/ob.jpg">
                                <p>角色扮演游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/sky.jpg">
                                <p>休闲游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/xiang.jpg">
                                <p>策略游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/cxk.jpg">
                                <p>体育</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>最佳更新</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>快速链接</h4>
                </div>
                <div class="link">
                    <ul>
                        <li><a href="#">绑定支付宝或银联卡</a></li>
                        <li><a href="#">App Store家长指南</a></li>
                        <li><a href="#">进一步了解APP内购买项目</a></li>
                        <li><a href="#">儿童类APP和游戏</a></li>
                        <li><a href="#">关于个性化</a></li>
                        <li><a href="#">轻松上手APP Store</a></li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="ad-flow-buttons">
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">兑换</a>
        </div>
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">为 Apple ID 充值</a>
        </div>
    </div>
</div>
<div class="content-box">
    <div class="top-box">
        <div class="top-title-box">
            <p class="top-sub hide">.</p>
            <h1 class="top-tile">APP</h1>
        </div>
        <div class="top-icon small-icon">
            <img src="img/advertisement/IMG_2.jpg">
        </div>
    </div>
    <div class="real-content">
        <div class="swiper-container slide-ad-item">
            <div class="swiper-wrapper ">
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">限时优惠</p>
                        <h5>热门订阅优惠</h5>
                        <p class="slider-subtitle">陪你欢度盛夏</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/scene.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">即可体验</p>
                        <h5>Magpie - Photos & Notes</h5>
                        <p class="slider-subtitle">灵感随手拍 时刻记录好创意</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/cat_3.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">尝鲜</p>
                        <h5>Pillow自动睡眠追踪</h5>
                        <p class="slider-subtitle">优质睡眠 从全方位记录开始</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/tired.jpg">
                    </div>
                </div>
                <div class="swiper-slide ad-border">
                    <div class="slide-ad-text">
                        <p class="slide-text light-blue">释放创意</p>
                        <h5>Momento</h5>
                        <p class="slider-subtitle">玩转趣味素材 制作精彩动图</p>
                    </div>
                    <div class="slide-ad">
                        <img src="img/advertisement/dog.gif">
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>订阅优惠 老用户专享</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/multi_man.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>优酷视频-长安十二时辰精彩片段</h5>
                                            <p>海量高清好骗趁热看</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/sao.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>爱奇艺-中国新说唱2019</h5>
                                            <p>流淌的美好时光首播</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/hold.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>Keep-跑步健身计步瑜伽</h5>
                                            <p>达人力荐的运动社区和移动健身教练</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/cxk2.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>腾讯视频-明日之子独播</h5>
                                            <p>心动的信号，少年派精彩呈现</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>
                        <div class="swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>神雕情侣2</h5>
                                            <p>国民IP侠侣真爱游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-big-item">
                                        <div class="app-icon-big">
                                            <img src="img/application/sky.jpg">
                                        </div>
                                        <div class="big-icon-intro">
                                            <h5>飞行日记 - 冒险之旅</h5>
                                            <p>创意填空跑酷游戏</p>
                                            <p class="light-blue">预定</p>
                                            <div class="application-get">
                                                <div class="app-get-btn bg-gray">
                                                    <a href="#">获取</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </li>

                            </ul>

                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>热门APP</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/dog.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>照片扫描仪</h5>
                                            <p>已扫描超过100,000,000+的照片</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">￥15.0</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/tank.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Enlight Pixaloop</h5>
                                            <p>让您的照片栩栩如生</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">$1.0</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/smile.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Smile Face</h5>
                                            <p>保持微笑</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/chan.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>禅让</h5>
                                            <p>养生之道 在于禅</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>热门游戏</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>更多你喜欢</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/ziya.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>快乐源泉</h5>
                                            <p>这座城，多了个龇牙的人</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/hot.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>海南岛旅游指南</h5>
                                            <p>师傅，前面应该就是火焰山了吧</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/phone.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>AI智能通话</h5>
                                            <p>快乐的源泉</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/done.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>成了</h5>
                                            <p>大吉大利，万事如意</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>今天玩什么</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide app-video-item">
                            <p>你能帮少年逃出生天吗</p>
                            <div class="fake-video">
                                <img src="img/application/sky.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/cxk.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Foodie - 美食相机</h5>
                                    <p>献给懂得生活的你</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>全新主线剧情</p>
                            <div class="fake-video">
                                <img src="img/advertisement/IMG_4.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/lbjn.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>忍者必须死</h5>
                                    <p>风靡全球的水墨风战斗跑酷</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>掌控卡牌力量 拯救多重梦境世界</p>
                            <div class="fake-video">
                                <img src="img/advertisement/night.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/xiang.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>梦境彼岸</h5>
                                    <p>构筑卡牌 探索奇妙梦境世界</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>步步惊心 闯荡黑白地下城</p>
                            <div class="fake-video">
                                <img src="img/advertisement/IMG_4934.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/ob.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Sprint RPG</h5>
                                    <p>动作游戏</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide app-video-item">
                            <p>你能帮少年逃出生天吗</p>
                            <div class="fake-video">
                                <img src="img/application/sky.jpg">
                            </div>
                            <div class="app-list-item space-top">
                                <div class="app-icon shadow-gray">
                                    <img src="img/application/cxk.jpg">
                                </div>
                                <div class="ad-app-list-content">
                                    <h5>Foodie - 美食相机</h5>
                                    <p>献给懂得生活的你</p>
                                </div>
                                <div class="application-get">
                                    <div class="app-get-btn bg-gray">
                                        <a href="#">获取</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>热门类别</h4>
                    <a>查看全部</a>
                </div>
                <div class="app-list-names">
                    <ul>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/cxk.jpg">
                                <p>益智解谜</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/lbjn.jpg">
                                <p>动作游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/ob.jpg">
                                <p>角色扮演游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/sky.jpg">
                                <p>休闲游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/xiang.jpg">
                                <p>策略游戏</p>
                            </div>
                        </li>
                        <li>
                            <div class="app-list-names-item">
                                <img src="img/application/cxk.jpg">
                                <p>体育</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>最佳更新</h4>
                    <a>查看全部</a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="ad-apps-list swiper-slide">
                            <ul>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/cxk.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>Foodie - 美食相机</h5>
                                            <p>献给懂得生活的你</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/lbjn.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>大众点评-分享你的</h5>
                                            <p>会生活的人都在这里</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/bad_panda.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>mars - 探索新鲜城市</h5>
                                            <p>更酷的次世代城市潮流</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="app-list-item">
                                        <div class="app-icon shadow-gray">
                                            <img src="img/application/xiang.jpg">
                                        </div>
                                        <div class="ad-app-list-content">
                                            <h5>真香相机</h5>
                                            <p>不会吃你们一点东西</p>
                                        </div>
                                        <div class="application-get">
                                            <div class="app-get-btn bg-gray">
                                                <a href="#">获取</a>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide-app-list">
            <div class="swiper-slide">
                <div class="slide-app-list-header">
                    <h4>快速链接</h4>
                </div>
                <div class="link">
                    <ul>
                        <li><a href="#">绑定支付宝或银联卡</a></li>
                        <li><a href="#">App Store家长指南</a></li>
                        <li><a href="#">进一步了解APP内购买项目</a></li>
                        <li><a href="#">儿童类APP和游戏</a></li>
                        <li><a href="#">关于个性化</a></li>
                        <li><a href="#">轻松上手APP Store</a></li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="ad-flow-buttons">
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">兑换</a>
        </div>
        <div class="app-get-btn bg-gray su-wide-btn">
            <a href="#">为 Apple ID 充值</a>
        </div>
    </div>
</div>
<div class="content-box">
    <div class="top-box">
        <div class="top-title-box">
            <p class="top-sub hide">.</p>
            <h1 class="top-tile">更新</h1>
        </div>
        <div class="top-icon small-icon">
            <img src="img/advertisement/IMG_2.jpg">
        </div>
    </div>
    <div class="real-content">
        <div class="update-list">
            <div class="slide-app-list-header">
                <h4>近期更新</h4>
            </div>
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/snow_man.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">中国建设银行</p>
                        <p class="update-time">现在</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>- 一键绑定新增京东入口，方便客户快速绑卡</p>
                    <p>- 优化投资理财资讯服务内容及展现形式<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/scene.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">搜狗拼音输入法</p>
                        <p class="update-time">现在</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>本次更新</p>
                    <p>【个性化语音识别】 你的专属词汇，识别全面语音<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/night.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">小黑盒 for steam</p>
                        <p class="update-time">现在</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>【新增】 云顶之弈百科攻略，装备合成，棋盘模拟<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/sky.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">U净</p>
                        <p class="update-time">现在</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>优化干衣机的展示效果以及优惠券体验，提升系统稳定性<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/cat_3.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">京东-挑好物，上京东</p>
                        <p class="update-time">3天前</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>"朋友，你今天当官儿了没有啊？"</p>
                    <p>——"当什么官儿啊？"<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/cloud.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">滴滴出行 - DiDi</p>
                        <p class="update-time">3天前</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>- 司机卡片：操作区域优化和功能增强</p>
                    <p>- 城际拼车：导流气泡更新与Bug修复<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/IMG_4.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">知乎 - 填好志愿</p>
                        <p class="update-time">2019年7月12日</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>本次更新内容：</p>
                    <p>- 关注页支持切换「只看原创」<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>
        <div class="update-list">
            <div class="update-list-items">
                <div class="update-app-info-box">
                    <div class="app-icon-2">
                        <img src="img/advertisement/IMG_6.jpg">
                    </div>
                    <div class="update-app-info">
                        <p class="update-title">美团-吃喝玩乐 尽在美团</p>
                        <p class="update-time">2019年7月10日</p>
                    </div>
                    <div class="application-get">
                        <div class="app-get-btn bg-gray">
                            <a href="#">打开</a>
                        </div>
                    </div>
                </div>
                <div class="update-log">
                    <p>【酒店】 砍价拿返现，抵88元现金</p>
                    <p>【门票】 暑假门票狂欢节，1元激情过夏天<a class="more" href="#">更多</a></p>
                </div>
            </div>
        </div>

    </div>

</div>
<div class="content-box">
    <div class="top-box">
        <div class="top-title-box">
            <p class="top-sub hide">.</p>
            <h1 class="top-tile">搜索</h1>
        </div>
    </div>
    <div class="search-bar bg-gray">
        <div class="search-icon">
            <span class="iconfont">&#xe633;</span>
        </div>
        <input type="text" name="search" class="bg-gray" placeholder="App search">
    </div>
    <div class="search-hot-box">
        <div class="slide-app-list-header search-hot-title">
            <h4>热门搜索</h4>
        </div>
        <div class="hot-list">
            <ul>
                <li><a href="search.html">爱威波波</a></li>
                <li><a href="search.html">欢乐斗地主</a></li>
                <li><a href="search.html">腾讯视频</a></li>
                <li><a href="search.html">网易云音乐</a></li>
                <li><a href="search.html">VSCO</a></li>
                <li><a href="search.html">权力的游戏 凛冬将至</a></li>
                <li><a href="search.html">hidden folks</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
<script src="js/main.js"></script>
<script src="js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container');
    let todayTab = document.getElementById('today');
    let children = [...todayTab.children];
    for(let i in children){
        if (children[i].className === 'advertisement-flow'){
            children[i].addEventListener('click',function(){
                window.location.href="./app_intro.html"
            });
        }
    }
</script>
</html>